<template>
  <div id="app">
	  <!-- tab切换 -->
	  <div class="mar-botton">
	  	<van-tabbar v-model="active" @change="onChange">
	  	  <van-tabbar-item icon="home-o" to="/">简历</van-tabbar-item>
	  	  <van-tabbar-item icon="setting-o" to="/works">作品</van-tabbar-item>
	  	  <van-tabbar-item icon="friends-o" to="/my">我的</van-tabbar-item>
	  	</van-tabbar>
	  	<router-view />
	  </div>
  </div>
</template>
<script>
	export default{
		
		data(){
			return{
				active:0
			}
		},
		methods:{
			onChange(index){
				// console.log(index)
			}
		}
	}
</script>
<style lang="scss">
	.mar-botton{
		margin-bottom:100px!important;
	}
</style>
